{% extends 'eventyay_common/base.html' %}
{% load i18n %}
{% load bootstrap3 %}
{% block title %}{{ _('Regenerate emergency codes') }}{% endblock title %}

{% block nav_top_header %}
    <a href="{% url 'eventyay_common:account' %}" class='dropdown-toggle'>
        <span class='fa-stack fa-lg'>
            <i class='fa fa-circle fa-stack-2x'></i>
            <i class='fa fa-user fa-stack-1x fa-inverse'></i>
        </span>
        <div class='context-indicator'>
            <span class='context-name'>{{ _('Account') }}</span>
        </div>
    </a>
{% endblock nav_top_header %}

{% block content %}
    <h1>{{ _('Regenerate emergency codes') }}</h1>
    <form action='' method='post' class='form-horizontal'>
        {% csrf_token %}
        <p>
            {{ _('Do you really want to regenerate your emergency codes?') }}
        </p>
        <p>
            {{ _('The old codes will no longer work.') }}
        </p>
        <div class='form-group submit-group'>
            <a href="{% url 'eventyay_common:account.2fa' %}" class='btn btn-default btn-cancel'>
                {{ _('Cancel') }}
            </a>
            <button type='submit' class='btn btn-danger btn-save'>
                {{ _('Regenerate') }}
            </button>
        </div>
    </form>
{% endblock content %}
